body {
    height: 100%;
    font-family: "microsoft yahei";
    font-size:12px;
    line-height:1.42857143;
    color:#949494;
    background:#ececed;
}

/* 登录页面 */
.login{background:#a9aba4 url(../images/login_bg.png) no-repeat;
background-size: cover;background-attachment:fixed;
}
.loginPk{background:#a9aba4 url(../images/pk_bg.jpg) no-repeat;
background-size: cover;
}
.login h3{text-align: center;font-size: 24px;letter-spacing: 2px;color:#000000;margin-top:15%;}
.login .login_input{width:300px;margin:auto;margin-top:50px;}
.login .login_input input,.login .login_input select{
    width:270px;
    height:30px;
    /*float:left;*/
    margin-bottom:10px;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 8px #cdcdcd;
    -moz-box-shadow: 0 0 8px #cdcdcd;
    box-shadow: 0 0 8px #cdcdcd;
    padding-left:30px;
}
.login .login_input select{
    width:120px;
    height:30px;
    padding-left:0px;
}
.login .login_input input#username{background: url(../images/username.png) no-repeat 5px center #ffffff;}
.login .login_input input#password{background: url(../images/password.png) no-repeat 5px center #ffffff;}
.login .login_input input[type="checkbox"]{width:20px;height:20px;}
.login .login_input label{color:#000;float: right;position: relative;top: -2px;}
.login .login_input label input{position: relative;top: 5px;}
.login .login_input .login_button{background: #5a7658;float:right;width:302px;height:40px;border-radius:6px;border:none;margin-top:10px;
                                       color:#ffffff;letter-spacing: 5px;font-size:16px;font-weight: bold;padding: 4px 7px 4px 7px !important;}
.login .login_input .login_button:hover {background: #4d654c;border: 1px solid #384a37;cursor: pointer;}
.login .login_input .login_button:active {padding: 5px 7px 3px 7px !important;}

html{height: 100%;}
/*body{background: url("../static/images/bd_bg.jpg") no-repeat;background-size:cover;height: 100%;}*/
.main{margin: 30px 0px 60px 0px;}
div[class*="section-"] {margin-top: 8px;padding: 15px;color: #fff;text-shadow: 0 1px 1px #4A4A4A;font-family: "微软雅黑";position: relative;border-radius: 4px;}
div[class*="section-"]:hover{box-shadow: 0px 0px 10px #eee;}
div[class*="section-"] h4{margin-top: 0px;font-weight: bold;position: absolute;font-size: 17px;color: #fff;}
div[class*="section-"] a{color: #fff;text-decoration:none;font-size: 16px;}
div[class*="section-"] .bg{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(200,200,200,0.5);display: block;}
div[class*="section-"] .bg a{display: block;width: 70px;height: 70px;background: rgba(108, 116, 115, 0.72);border-radius: 25px;text-align: center;line-height: 70px;position:absolute;top:50%;margin-top:-35px;left:50%;margin-left:-35px;color: rgb(221, 221, 219);box-shadow: 0px 0px 2px rgb(216, 240, 236);font-size: 22px;}
div[class*="section-"] .bg:hover a{box-shadow: 0px 0px 20px #eee;background: rgba(108, 116, 115, 0.5);color: #fff;}
/*div[class*="section-"] a:hover{position: relative;left: 1px;top: 1px;}*/
div[class*="section-"] ul{line-height: 32px;position: absolute;list-style: none;}
div[class*="section-"] ul li a span{margin-left: 5px;display: inline-block;border-radius: 20px;background: #fff;line-height: 18px;padding: 0px 4px;font-size:12px;font-family:"宋体";text-shadow:none;}
div[class*="section-"] ul li a span.green{color: green;}
div[class*="section-"] ul li a span.red{color: red;}
div[class*="col-md-"]{padding: 0px 4px;}
.section-1{background: #6bb61d url("/static/images/ww_2.png") no-repeat 15px 60px;height:160px; }
.section-1 h4{right: 15px; }
.section-1 ul{right: 30px;bottom: 15px; }
.section-2{background: #E0522F url("/static/images/ww_4.png") no-repeat 190px 75px;height:160px;}
.section-2 h4{left: 15px; }
.section-2 ul{left: -24px;top: 80px; }
.section-3{background: #974FFF url("/static/images/ww_1.png") no-repeat 15px 15px;height:328px;}
.section-3 h4{right: 15px;bottom: 15px; }
.section-3 ul{left: 118px;top: 90px; }
.section-4{background: #10cca6 url("/static/images/ww_3.png") no-repeat 20px 190px;height:328px;}
.section-4 ul{left: 100px;top: 90px; }

.main ul{list-style: none;}
.main ul li{border: 1px solid #ccc;margin: 10px;}
.main ul li.title{background: #5bb75b;color: #fff;padding: 10px 15px;font-size: 16px;text-align: center;font-weight: bold;}
.main ul li.submit{border: 1px dashed green;margin: 10px;}
.main ul li.unsubmit{border: 1px dashed red;margin: 10px;}
.main ul li a{display: block;padding: 10px 15px;font-size: 14px;font-weight: bold;}
.main ul li.submit a {color: green;}
.main ul li.unsubmit a {color: red;}
.main ul li a span{font-weight:normal;color:#fff;border:none;margin-left: 5px;display: inline-block;border-radius: 20px;background: #fff;line-height: 18px;padding: 0px 4px;font-size:12px;font-family:"宋体";text-shadow:none;float: right;}
.main ul li.submit a span{background: green;}
.main ul li.unsubmit a span{background: red;}

